<template>
  <view class="search">
    <u--input v-model="searchKey"  :placeholder="placeholder" prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399"
      class="search-input"></u--input>
    <view class="search-screen" @click="openFilter" v-if="showSelect">
      <img src="/static/addressBook/screen.png" alt="screen" mode="aspectFill" class="search-screen-img" />
      <text class="search-screen-text">筛选</text>
    </view>
  </view>
</template>

<script>
  export default{
    name: "pit-search",
    props:{
      showSelect:{
        type:Boolean,
        default:true
      },
      placeholder:{
        type:String,
        default:'请输入文本进行查询'
      }
    },
    data(){
      return{
      }
    },
    methods:{

    }
  }
</script>

<style lang="scss" scoped>
  .search {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    background-color: white;

    .search-input {
      margin-right: 15px;
      border-radius: 50px;
      font-size: 17px;
      font-weight: 500;
      color: rgb(153,165,190);
      background-color: rgb(244, 247, 255);
    }

    .search-screen {
      display: flex;
      align-items: center;

      .search-screen-img {
        margin-right: 3px;
        width: 15px;
      }

      .search-screen-text {
        font-size: 17px;
        color: rgb(129, 139, 157);
      }
    }
  }
</style>
